<!DOCTYPE html>
<html data-dpr="2" lang="zh-cmn-Hans">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit" />
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
  <link rel="icon" type="image/png" href="/img/app-icon72x72.png" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="/img/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="标题" />
  <link rel="apple-touch-icon-precomposed" href="/img/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/img/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta name="viewport" content="width=1200, user-scalable=yes">
  <title>-国家文化云</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <!-- /meta -->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace-theme-minimal.min.css" rel="stylesheet">
  <!--[if lte IE 9]>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!--[if gt IE 9]><!-->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/jquery.3.3.1min.js"></script>
  <!--<![endif]-->
  <!-- /script -->
  <link rel="stylesheet" href="/css/main.min.css">

  <!-- /style -->
</head>

<body>
  <div class="page">

    <!-- /topbar -->

    <!-- /header -->
    <!-- /nav -->
    <main class="page-container">

      <section class="section">
        <div class="section-wrapper">
          <div class="pure-u-1-1">
            <div class="column-inner">

              <div class="module">
                <h3>边框型箭头</h3>
                <i class="i-arrow-u"></i>
                <i class="i-arrow-r"></i>
                <i class="i-arrow-d"></i>
                <i class="i-arrow-l"></i>
              </div>


              <div class="module module-step module-step-3">
                <dl class="item">
                  <dt class="step">1</dt>
                  <dd class="caption">
                    <h6 class="title">创建账号</h6>
                  </dd>
                </dl>
                <dl class="item active">
                  <dt class="step"><i class="iconfont icon-check-weight"></i></dt>
                  <dd class="caption">
                    <h6 class="title">设置密码</h6>
                  </dd>
                </dl>
                <dl class="item ">
                  <dt class="step">2</dt>
                  <dd class="caption">
                    <h6 class="title">成功</h6>
                  </dd>
                </dl>
                <div class="progress-bg"><span class="progress-current" style="width:50%;"></span>
                </div>
              </div>

              <div class="module module-step module-step-3">
                <dl class="item">
                  <dt class="step">1</dt>
                  <dd class="caption">
                    <h6 class="title">创建账号</h6>
                  </dd>
                </dl>
                <dl class="item">
                  <dt class="step">2</dt>
                  <dd class="caption">
                    <h6 class="title">设置密码</h6>
                  </dd>
                </dl>
                <dl class="item active">
                  <dt class="step"><i class="iconfont icon-check-weight"></i></dt>
                  <dd class="caption">
                    <h6 class="title">成功</h6>
                  </dd>
                </dl>
                <div class="progress-bg"><span class="progress-current" style="width:100%;"></span>
                </div>
              </div>


              <!-- 框型表单 -->
              <div class="module">
                <form class="module-form form-normal" id="j_form_normal_demo">
                  <div class="form-wrapper">
                    <label for="" class="form-label">原手机号:</label>
                    <input class="form-static form-input" type="text" readonly value="18666666666" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">联系电话:</label>
                    <input class="form-input input-phone j_input_phone" type="tel" autocomplete="off" placeholder="请输入手机号(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                    <span id="j_form_normal_get_sms_demo" class="get-sms get-sms-disabled">获取验证码</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">验证码:</label>
                    <input class="form-input input-sms j_input_sms" type="text" autocomplete="off" />
                  </div>
                  <div class="form-wrapper form-captcha" id="j_form_normal_captcha_demo">
                    <label for="" class="form-label">验证:</label>
                    <input class="form-input input-captcha" type="text" autocomplete="off" />
                    <div class="captcha-wrapper">
                      <div class="captcha-img"></div>
                      <i class="iconfont icon-refresh refresh-captcha" title="重新获取"></i>
                    </div>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">设置密码:</label>
                    <input class="form-input input-password j_input_password" type="password" autocomplete="off" placeholder="20-6位数字和字母组合(必填项)" />
                    <span class="form-required-field" title="必填项(建议使用20-6位数字和字母组合)">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">确认密码:</label>
                    <input class="form-input input-password j_input_confirm_password" type="password" autocomplete="off" placeholder="确认密码(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">姓名:</label>
                    <input class="form-input input-username j_input_username" type="text" autocomplete="off" placeholder="请输入实名(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">身份证:</label>
                    <input class="form-input input-idcard j_input_idcard" type="text" autocomplete="off" placeholder="请输入身份证号(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>

                  <div class="form-wrapper">
                    <label for="" class="form-label">微信:</label>
                    <input class="form-input input-weixin j_input_weixin" type="text" autocomplete="off" placeholder="微信" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">QQ:</label>
                    <input class="form-input input-qq j_input_qq" type="text" autocomplete="off" placeholder="QQ" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">邮箱:</label>
                    <input class="form-input input-email j_input_email" type="text" autocomplete="off" placeholder="邮箱" />
                  </div>
                  <div class="form-wrapper radio-wrapper">
                    <label for="" class="form-label">性别:</label>
                    <label class="radio-label" for="gender-male">
                      <input id="gender-male" class="form-radio" type="radio" name="gender" />男</label>
                    <label class="radio-label" for="gender-famale">
                      <input id="gender-famale" class="form-radio" type="radio" name="gender" />女</label>
                  </div>
                  <div class="form-wrapper select-wrapper clearfix">
                    <label for="" class="form-label">选择:</label>
                    <select class="pure-u-1-3">
                      <option selected value="1">选项一</option>
                      <option value="2">选项二</option>
                      <option value="3">选项三</option>
                    </select>
                    <select class="pure-u-1-3">
                      <option selected value="1">选项一</option>
                      <option value="2">选项二</option>
                      <option value="3">选项三</option>
                    </select>
                  </div>
                  <div class="form-wrapper textarea-wrapper">
                    <label for="" class="form-label">简介:</label>
                    <div class="textarea-inner">
                      <textarea class="input-textarea j_input_textarea" rows="4" placeholder="一段文本"></textarea>
                    </div>
                  </div>
                  <div class="btn-wrapper">
                    <div class="agreement">
                      <label>
                        <input type="checkbox" checked data-agreement="check" />我已阅读并接受</label>
                      <a class="link-accent" href="#">《相关条款协议》</a>
                    </div>
                    <button type="button" class="btn btn-primary" id="j_submit_demo" data-agreement="result">确认</button>
                  </div>
                </form>
              </div>

              <!-- 线条型表单 -->
              <div class="module">
                <form class="module-form form-underline" id="j_form_underline_demo">
                  <div class="form-wrapper">
                    <label for="" class="form-label">原手机号:</label>
                    <input class="form-static form-input" type="text" readonly value="18666666666" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">联系电话:</label>
                    <input class="form-input input-phone j_input_phone" type="tel" autocomplete="off" placeholder="请输入手机号(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">验证码:</label>
                    <input class="form-input input-sms j_input_sms" type="text" autocomplete="off" />
                    <span id="j_form_underline_get_sms_demo" class="get-sms get-sms-disabled">获取验证码</span>
                  </div>
                  <div class="form-wrapper form-captcha" id="j_form_underline_captcha_demo">
                    <label for="" class="form-label">验证:</label>
                    <input class="form-input input-captcha" type="text" autocomplete="off" />
                    <div class="captcha-wrapper">
                      <div class="captcha-img"></div>
                      <i class="iconfont icon-refresh refresh-captcha"></i>
                    </div>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">设置密码:</label>
                    <input class="form-input input-password j_input_password" type="password" autocomplete="off" placeholder="20-6位数字和字母组合(必填项)" />
                    <span class="form-required-field" title="必填项(建议使用20-6位数字和字母组合)">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">确认密码:</label>
                    <input class="form-input input-password j_input_confirm_password" type="password" autocomplete="off" placeholder="确认密码(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">姓名:</label>
                    <input class="form-input input-username j_input_username" type="text" autocomplete="off" placeholder="请输入实名(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">身份证:</label>
                    <input class="form-input input-idcard j_input_idcard" type="text" autocomplete="off" placeholder="请输入身份证号(必填项)" />
                    <span class="form-required-field" title="必填项">*</span>
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">微信:</label>
                    <input class="form-input input-weixin j_input_weixin" type="text" autocomplete="off" placeholder="微信" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">QQ:</label>
                    <input class="form-input input-qq j_input_qq" type="text" autocomplete="off" placeholder="QQ" />
                  </div>
                  <div class="form-wrapper">
                    <label for="" class="form-label">邮箱:</label>
                    <input class="form-input input-email j_input_email" type="text" autocomplete="off" placeholder="邮箱" />
                  </div>
                  <div class="form-wrapper radio-wrapper">
                    <label for="" class="form-label">性别:</label>
                    <label class="radio-label" for="gender-male">
                      <input id="gender-male" class="form-radio" type="radio" name="gender" />男</label>
                    <label class="radio-label" for="gender-famale">
                      <input id="gender-famale" class="form-radio" type="radio" name="gender" />女</label>
                  </div>
                  <div class="form-wrapper select-wrapper clearfix">
                    <label for="" class="form-label">选择:</label>
                    <select class="pure-u-1-3">
                      <option selected value="1">选项一</option>
                      <option value="2">选项二</option>
                      <option value="3">选项三</option>
                    </select>
                    <select class="pure-u-1-3">
                      <option selected value="1">选项一</option>
                      <option value="2">选项二</option>
                      <option value="3">选项三</option>
                    </select>
                  </div>
                  <div class="form-wrapper textarea-wrapper">
                    <label for="" class="form-label">简介:</label>
                    <div class="textarea-inner">
                      <textarea class="input-textarea j_input_textarea" rows="4" placeholder="一段文本"></textarea>
                    </div>
                  </div>
                  <div class="btn-wrapper">
                    <div class="agreement">
                      <label>
                        <input type="checkbox" checked data-agreement="check" />我已阅读并接受</label>
                      <a class="link-accent" href="#">《相关条款协议》</a>
                    </div>
                    <button type="button" class="btn btn-primary" id="j_submit_demo" data-agreement="result">确认</button>
                  </div>
                </form>
              </div>

              <!-- 多组过滤条件, module-filter-wrapper 层控制内部-->
              <div class="module-filter-wrapper">
                <div class="module module-filter">
                  <h3 class="title"><i class="iconfont icon-activity-fill"></i>活动分类</h3>
                  <div class="module-filter-list">
                    <a class="item active" data-filter="activity-channel-1" href="#">全部</a>
                    <a class="item" data-filter="activity-channel-2" href="#">推荐活动</a>
                    <a class="item" data-filter="activity-channel-3" href="#">比赛</a>
                    <a class="item" data-filter="activity-channel-4" href="#">组织活动</a>
                    <a class="item" data-filter="activity-channel-5" href="#">培训讲座</a>
                    <a class="item" data-filter="activity-channel-6" href="#">演出</a>
                    <a class="item" data-filter="activity-channel-7" href="#">文艺</a>
                    <a class="item" data-filter="activity-channel-8" href="#">展览展示</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                    <a class="item" data-filter="activity-channel-9" href="#">亲子</a>
                  </div>
                </div>
                <div class="module module-filter">
                  <h3 class="title"><i class="iconfont icon-state-fill"></i>状态分类</h3>
                  <div class="module-filter-list">
                    <a class="item active" data-filter="activity-state-all" href="#">全部</a>
                    <a class="item" data-filter="activity-state-1" href="#">活动报名中</a>
                    <a class="item" data-filter="activity-state-2" href="#">报名截止</a>
                    <a class="item" data-filter="activity-state-3" href="#">活动进行中</a>
                    <a class="item" data-filter="activity-state-4" href="#">活动结束</a>
                  </div>
                </div>

                <div class="module module-filter">
                  <h3 class="title"><i class="iconfont icon-vod-fill"></i>点播分类</h3>
                  <div class="module-filter-list">
                    <a class="item active" data-filter="vod-channel-1" href="#">广场舞活动</a>
                    <a class="item" data-filter="vod-channel-2" href="#">文化广角</a>
                    <a class="item" data-filter="vod-channel-3" href="#">少儿乐园</a>
                    <a class="item" data-filter="vod-channel-4" href="#">艺术视界</a>
                    <a class="item" data-filter="vod-channel-5" href="#">健康养生</a>
                    <a class="item" data-filter="vod-channel-6" href="#">百科天地</a>
                    <a class="item" data-filter="vod-channel-7" href="#">三农之家</a>
                    <a class="item" data-filter="vod-channel-8" href="#">共享讲堂</a>
                    <a class="item" data-filter="vod-channel-9" href="#">短视频专区</a>
                  </div>
                </div>

                <div class="module module-filter select-area" data-area="container">
                  <h3 class="title"><i class="iconfont icon-venue-fill"></i>机构</h3>
                  <div class="module-filter-list">
                    <a class="item active" data-area-filter="all" href="#">全部</a>
                    <div class="select-area-operate">
                      <div class="select-area-item" data-area-item="provinces">
                        <h3 class="select-area-name"><span data-area="name">省</span><i class="iconfont">&#xe7cf;</i></h3>
                        <ul class="select-area-panel" data-area-panel="provinces"></ul>
                      </div>
                      <div class="select-area-item" data-area-item="prefectures">
                        <h3 class="select-area-name"><span data-area="name">市</span><i class="iconfont">&#xe7cf;</i></h3>
                        <ul class="select-area-panel" data-area-panel="prefectures"></ul>
                      </div>
                      <div class="select-area-item" data-area-item="counties">
                        <h3 class="select-area-name"><span data-area="name">县</span><i class="iconfont">&#xe7cf;</i></h3>
                        <ul class="select-area-panel" data-area-panel="counties"></ul>
                      </div>
                    </div>
                    <button class="btn btn-primary j_select_area_submit" type="button">确认</button>
                  </div>
                </div>
              </div>

              <!-- 单组过滤条件 -->
              <div class="module module-filter">
                <h3 class="title"><i class="iconfont icon-type-fill"></i>类型</h3>
                <div class="module-filter-list">
                  <a class="item active" data-filter="venue-all" href="#">全部</a>
                  <a class="item" data-filter="venue-cultural" href="#">文化馆</a>
                  <a class="item" data-filter="venue-library" href="#">图书馆</a>
                  <a class="item" data-filter="venue-museum" href="#">博物馆</a>
                  <a class="item" data-filter="venue-gallery" href="#">美术馆</a>
                </div>
              </div>

              <div class="module module-filter hot-area-filter">
                <h3 class="title">热门区域</h3>
                <div class="module-filter-list">
                  <a class="item" data-val="110000" href="#">北京</a>
                  <a class="item" data-val="310000" href="#">上海</a>
                  <a class="item" data-val="440100" href="#">广州</a>
                  <a class="item" data-val="440300" href="#">深圳</a>
                  <a class="item" data-val="510100" href="#">成都</a>
                  <a class="item" data-val="330100" href="#">杭州</a>
                  <a class="item" data-val="320100" href="#">南京</a>
                  <a class="item" data-val="120000" href="#">天津</a>
                  <a class="item" data-val="420100" href="#">武汉</a>
                  <a class="item" data-val="500000" href="#">重庆</a>
                </div>
              </div>

              <!-- hs-area.js -->
              <div class="module module-filter select-area" data-area="container">
                <h3 class="title">城市选择</h3>
                <div class="module-filter-list">
                  <a class="item active" data-area-filter="all" href="#">全国</a>
                  <div class="select-area-operate">
                    <div class="select-area-item" data-area-item="provinces">
                      <h3 class="select-area-name"><span data-area="name">省</span><i class="iconfont">&#xe7cf;</i></h3>
                      <ul class="select-area-panel" data-area-panel="provinces"></ul>
                    </div>
                    <div class="select-area-item" data-area-item="prefectures">
                      <h3 class="select-area-name"><span data-area="name">市</span><i class="iconfont">&#xe7cf;</i></h3>
                      <ul class="select-area-panel" data-area-panel="prefectures"></ul>
                    </div>
                    <div class="select-area-item" data-area-item="counties">
                      <h3 class="select-area-name"><span data-area="name">县</span><i class="iconfont">&#xe7cf;</i></h3>
                      <ul class="select-area-panel" data-area-panel="counties"></ul>
                    </div>
                  </div>
                  <button class="btn btn-primary j_select_area_submit" type="button">确认</button>
                </div>
              </div>

              <div class="module">
              </div>

              <div class="module">
                <span class="media-tag">一个标签</span>
                <span class="media-cover-tag">一个标签</span>
                <span class="module-tag">推荐

                                    <i class="i-arrow-u"></i>

                                </span>
              </div>

              <div class="module">
                <div class="section-header">
                  <h3 class="section-title"><a href="#"><img src="img/section-vod.png" width="136" height="50" title="资源点播" alt="资源点播" /></a></h3>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>
                <div class="section-header">
                  <h3 class="section-title"><a href="#"><img src="img/section-activity.png" width="142" height="50" title="活动预约" alt="活动预约" /></a></h3>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>
                <div class="section-header header-center">
                  <h3 class="section-title"><a href="#">一个标题</a></h3>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>
              </div>

              <div class="module">
                <div class="module-header header-border">
                  <h3 class="module-title"><a href="#">一种标题</a></h3>
                </div>

                <div class="module-header header-center">
                  <h3 class="module-title">一种标题</h3>
                </div>

                <div class="module-header">
                  <h3 class="module-title title-bar">一种标题</h3>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>

                <div class="module-header">
                  <h3 class="module-title title-bar title-bar-accent">一种标题</h3>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>

                <div class="module-header">
                  <h3 class="module-title title-bar title-bar-accent">一种标题</h3>
                  <div class="rate-score extra">
                    <span class="score basic"> </span>
                    <span class="score current" style="width:40%;"> </span>
                  </div>
                  <div class="extra">
                    <span class="label label-accent">一个标签</span>
                  </div>
                  <span class="aside"><a href="">更多<i class="iconfont icon-more"></i></a></span>
                </div>

              </div>

              <div class="module">
                <span class="label label-primary"><i class="iconfont icon-view"></i> 一个标签</span>
                <span class="label label-accent">一个标签</span>
                <span class="label label-info">一个标签</span>
                <span class="label label-weak">一个标签</span>
                <span class="label label-success">一个标签</span>
              </div>

              <div class="module">
                <div class="rate-score">
                  <span class="score basic"> </span>
                  <span class="score current" style="width:40%;"> </span>
                </div>
              </div>

              <div class="module">
                <a class="link-primary" href="#">一个链接型按钮</a>
              </div>

              <div class="module">
                <button type="button" class="btn btn-default" id="j_x">一个默认钮</button>
                <button type="button" class="btn btn-primary" id="j_xx">一个主按钮</button>
                <button type="button" class="btn btn-disabled" id="j_xxx">按钮禁用状态</button>
                <button type="button" class="btn btn-accent" id="j_xxxx">一个浅色按钮</button>
                <button type="button" class="btn btn-info" id="j_xxxxx">一个浅色按钮</button>
              </div>

              <div class="module">
                <div class="btn-wrapper pure-u-1-2">
                  <div class="column-inner">
                    <span class="btn btn-info btn-block" id="j_xxxxxx">一组通栏主按钮</span>
                  </div>
                </div>
                <div class="btn-wrapper pure-u-1-2">
                  <div class="column-inner">
                    <span class="btn btn-primary btn-block" id="j_xxxxxxx">一组通栏主按钮</span>
                  </div>
                </div>
              </div>

              <div class="module">
                <!-- 弹出式 -->
                <span class="favorite j_favorite_popup"><i class="iconfont icon-favorite"></i></span>
                <span class="favorite j_favorite_popup_primary"><i class="iconfont icon-favorite"></i></span>
              </div>

              <div class="module">
                <div class="favorite j_favorite">
                  <i class="iconfont icon-favorite"></i>
                  <span class="info">收藏</span>
                </div>
                <div class="favorite j_favorite_primary">
                  <i class="iconfont icon-favorite"></i>
                  <span class="info">收藏</span>
                </div>
              </div>


            </div>
          </div>
        </div>
      </section>

    </main>
    <!-- / container -->

    <footer class="page__footer">
      <section class="footer-main">
        <div class="section__wrapper footer-top">
          <div class="footer-r">
            <img src="../img/footer-logo/fool-logo.png" alt="">
            <div class="region">
              <span>热线：192832083</span>
              <span>地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</span>
            </div>
            <div class="relation">
              <span>邮箱：192832083s33f</span>
              <span>传真：192832083s33f</span>
            </div>
          </div>
          <div class="footer-middle">
            <div class="middle-title">友情链接</div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
          </div>
          <div class="footer-qr">
            <img src="../img/footer-logo/qr.png" alt="">
            <div class="qr-title">官方微信</div>
          </div>
        </div>
      </section>
      <section class="footer-bot-main">
        <div class="section__wrapper footer-bot">
          版权所有Copyright © 2020通河县文化与旅游厅 黑ICP备XXXXXXXXXX号
        </div>
      </section>
    </footer>
    <!-- / footer -->

    <!-- / pendant -->
  </div>
  <!-- /page -->

  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/underscore-min-1.8.3/underscore-min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/bowser.min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.jquery.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.min.css" rel="stylesheet">
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/layer-3.0.3/layer.min.js"></script>



  <!-- 前端交互脚本 -->
  <script src="js/common/xtab.js"></script>
  <script src="js/common/xbar.js"></script>
  <script src="js/common/util.js"></script>

  <script src="js/app.js"></script>
  <script src="/js/common.min.js"></script>

  <script src="js/common/hs-form-validation.js"></script>
  <script src="js/common/hs-get-sms.js"></script>
  <script src="js/common/hs-captcha.js"></script>

  <!-- 操作地址 json 数据 -->
  <script src="js/common/gb2260.js"></script>
  <!-- 获取地址 json 数据并拼接成 DOM -->
  <script src="js/common/hs-area.js"></script>
  <script>
    $(document).ready(function() {
            var myUtil = hs.util;
            // 收藏交互效果
            myUtil.favorite(".j_favorite", "favorite-active");
            myUtil.favorite(".j_favorite_primary", "favorite-active-primary");
            myUtil.favoritePopup(".j_favorite_popup", "favorite-active");
            myUtil.favoritePopup(".j_favorite_popup_primary", "favorite-active-primary");

            // 实例化表单验证
            var myValidation = new hs.Validation();
            myValidation.init();

            myValidation.idcardInit('.j_input_idcard');
            myValidation.sms6Init('.j_input_sms');

            // 初始化/实例化获取短信倒计时
            $('#j_form_normal_get_sms_demo').addClass('get-sms-disabled');
            var mySMS = new hs.GetSMS({
                item: '#j_form_normal_get_sms_demo',
                cookieName: 'form_normal_get_sms_demo'
            });
            mySMS.sendSMSInit();
            $('#j_form_normal_get_sms_demo').on("click", function() {
                if (!myValidation.pass.phone) {
                    $('.j_input_phone').focus();
                    return;
                }
                var $this = $(this);
                if (!$this.hasClass("get-sms-disabled") && myValidation.pass.phone) {
                    mySMS.sendSMS($this);
                }
            });

            // 模拟图形验证 captcha demo:hs-captcha.js
            var captchaDemo = new hs.Captcha({
                captchaForm: "#j_form_underline_captcha_demo"
            });
            captchaDemo.init();

            var captchaDemo2 = new hs.Captcha({
                captchaForm: "#j_form_normal_captcha_demo"
            });
            captchaDemo2.init();

            // 地址联动操作
            var myArea = new hs.area({
                //or: activeProvinceCode: "130000"
                //or: activePrefectureCode: "130300"
                //or: activeCountyCode: "130303"
            });
            myArea.init();

            $('.j_select_area_submit').on('click', function () {
                $('[data-area-filter="all"]').removeClass('active');
            });

            $('[data-area-filter="all"]').on('click', function () {
                // do something
            });

        });
  </script>
  <!-- /script -->
</body>

</html>